<template>
  <sweet-hor-bar-chart
    :settings="settings"
    :chartData="chartData"
    width="700px"
  ></sweet-hor-bar-chart>
</template>
<script>
export default {
  data() {
    return {
      width: '100%',
      settings: {
        dimension: 'data',
        xTitle: 'X轴标题',
        yTitle: 'Y轴标题',
        // metrics: ['Email', 'Union Ads', 'Video Ads', 'Direct', 'Search Engine Search Engine', 'Search Engine2'],
        metrics: ['Email', 'Union Ads'],
        // orient: 'vertical',
        labelShow: true,
        markPointSymbol: 'triangle',
        labelPosition: 'inside'
      },
      chartData: [
        {data: 'Wed', Email:30, 'Union Ads': 25, 'Video Ads': 201, 'Direct': 301, 'Search Engine Search Engine': 901, 'Search Engine2': 600},
        {data: 'Mon', Email:10, 'Union Ads': 5, 'Video Ads': 150, 'Direct': 320, 'Search Engine Search Engine': 820, 'Search Engine2': 600},
        {data: 'Tue', Email:20, 'Union Ads': 15, 'Video Ads': 232, 'Direct': 332, 'Search Engine Search Engine': 932, 'Search Engine2': 600},
        {data: 'Sat', Email:60, 'Union Ads': 55, 'Video Ads': 330, 'Direct': 330, 'Search Engine Search Engine': 1330, 'Search Engine2': 600},
        {data: 'Thu', Email:40, 'Union Ads': 35, 'Video Ads': 154, 'Direct': 334, 'Search Engine Search Engine': 934, 'Search Engine2': 600},
        {data: 'Fri', Email:50, 'Union Ads': 45, 'Video Ads': 190, 'Direct': 390, 'Search Engine Search Engine': 1290, 'Search Engine2': 600},
        {data: 'Sun', Email:70, 'Union Ads': 65, 'Video Ads': 410, 'Direct': 320, 'Search Engine Search Engine': 1320, 'Search Engine2': 600}
      ]
    }
  }
};
</script>
